图观产品问答

下载完的图观模型有以下三种使用方法：

使用孪易配置孪生体外观

孪易 数字孪生 IOC是基于用户现有业务系统数据，一站式从零开始，建立完整数字孪生智能运营中心软件系统的工具套件。包括数字孪生智能运营中心的前台监控运维、后台配置管理、数据建模集成、行业预置套件，以及二次开发工具五大部分。

当您注册完成账号，并且登录，通过场景首页右上角可以跳转到后台管理。

在孪易后台管理，从左侧导航栏选择图观模型

4c005dbb-7277-4cce-a76d-8f44fc96660d-image.png

在左侧文件夹树选择可以合适的分类，点击导入，选择需要导入的图观模型。

d998c0a3-728e-467c-a93c-7fa60865cb43-image.png

左侧导航栏中选择类别配置，新建或者选择一个孪生体类别后，点击编辑

69045c1a-2386-4910-8c27-6138b8a0c8e2-image.png

从上方Tab栏选择外观定义，然后从右侧点击选择模型，从弹出的对话框中，选择刚才导入的图观模型。

3e949787-8309-49c9-ae66-3fe5af5ffc45-image.png

使用图观TGAPI添加到流渲染场景

如果孪易标准版IOC的零代码配置无法满足您的业务高度自定义需求，可以通过使用TGAPI低代码二次开发前端页面，加载使用图观模型。

先决条件

您需要先具备图观流渲染服务器，可以购买离线部署版，或者申请公有云试用。 您需要有一个可以在图观流渲染服务器加载串流的场景，您可以联系客服申请试用场景，或者通过图观UE插件和打包服务器自己制作并且打包。

使用步骤

登录流渲染服务器，进入模型管理，上传图观模型

Snipaste_2025-07-09_11-53-54.png

获取流渲染服务器模型服务地址和Token

Snipaste_2025-07-09_11-55-53.png

前端开发工程师，通过调用TGAPI，在初始化服务接口调用完成后，连接模型服务器 function connectionModelServer() { // 链接图观模型服务器 let jsonData = { name: "streamingcluster", address: "http://172.16.1.1:9090", token: "pFugELF9", }; appInstance.uniCall('connectDataServer', jsonData, (result) => { console.log(result); }); }

注意：流渲染场景所在的服务器必须可以访问到图观模型所在的流渲染服务器。

通过TGAPI的添加模型接口，将模型添加到场景。 let jsonData = { id: '配电柜00223', coordType: 0, coordTypeZ: 0, coord: [114.560257, 37.09079], coordZ: 10, rotation: [0, 0, 0], alpha: 1, scale: 1, titleText: '配电柜00223, titleColor: '#ffffff', titleBackgroundColor: '#333333', titleFontSize: 20, titileAutoScale: false, visible: true, modelMaxDistance: 1000, modelType: '配电柜-02', // 流渲染服务器上图观模型的名称 modelSource: 'dataServer', // 从流渲染服务器加载图观模型，这里需要写dataServer }; appInstance.uniCall('addModel', jsonData, (result) => { console.log(result); }); 使用图观模型模型编辑器浏览、编辑

如果您对下载的图观模型不满意，需要进行修改编辑，可以使用图观模型编辑器。图观模型编辑的介绍和系统要求可以查看这里：什么是图观模型编辑器？

图观模型编辑器是一款免费的、客户端桌面运行的、可以编辑端流一体模型的、免安装应用程序，通过图观商城中模型详情页的链接下载。

Snipaste_2025-07-09_11-01-46.png

注意：图观模型编辑器是一款三维模型编辑软件，需要您的PC或者便携电脑具有独立显卡。

下载完成后，解压文件。

第一次运行双击：图观模型编辑器.exe，并从菜单中选择打开。

Snipaste_2025-07-09_10-54-39.png

Snipaste_2025-07-09_10-55-12.png

打开的模型可以查看模型节点

Snipaste_2025-07-09_14-03-50.png

或者通过材质、关节、动画、粒子，进一步调整模型。

Snipaste_2025-07-09_14-05-05.png